

//设备运营
.item{
  .WH();
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
//设备运营 - 顶部数据
.item_top{
  .WH(100%,30%);
  display: flex;
  align-items: center;
  li{
    .WH(25%);
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    .data_item{
      width: 70%;
      display: flex;
      justify-content: center;
      p{
        font-size: 16px;
        font-weight: 500;
        color: #B0E0FF;
        line-height: 19px;
      }
      b{
        padding: 0 5%;
        font-size: 16px;
        font-weight: 500;
        color: #FFFFFF;
        line-height: 19px;
      }
      span{
        font-size: 16px;
        font-weight: 500;
        color: #FFB89C;
        line-height: 19px;
      }
    }
    >p{
      font-size: 12px;
      font-weight: 500;
      color: #FFFFFF;
      line-height: 12px;
    }
  }
}
//设备运营 - 底部进度条
.item_bottom{
  .WH(100%,65%);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  li{
    .WH(100%,15%);
    display: flex;
    align-items: center;
    justify-content: space-between;
    b{
      width: 10%;
      font-size: 10px;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 12px;
    }
    .container{
      .WH(70%,20%);
      border-radius: 2px;
      background-color: #1a2a38;
      .schedule{
        .WH(0%,100%);
        background: linear-gradient(243deg, #A8DEFF 0%, rgba(40,66,87,0.5) 100%);
        border-radius: 2px 2px 2px 2px;
        border-image: linear-gradient(270deg, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0)) 1 1;
      }
    }
    .text {
      width: 15%;
      font-size: 10px;
      font-weight: 400;
      color: #FFFFFF;
      line-height: 12px;
      span{
        color: #FFB89C;
      }
    }
  }
}
